﻿<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>OA管理系统</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width">
    <meta name="description" content="Bitter Mobile Template">
    <meta name="keywords" content="bootstrap, mobile template, cordova, phonegap, mobile, html, responsive" />
    <script src="assets/js/lib/jquery-3.4.1.min.js"></script>
</head>

<body>

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->
    <div class="appHeader">

        <div class="pageTitle">工资查询</div>

    </div>

    <!-- * App Header -->

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="appContent">

            <div class="contentBox long mb-3">
                <div class="contentBox-body">

                    <!-- listview -->
                    <div class="listView border-success" id="moneyList">

                        <div class="alert alert-dismissible alert-danger">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <strong>提示：</strong>  暂无工资信息！！！
                        </div>

<!--                        <a href="bill.html" class="listItem">-->
<!--                            <div class="image">-->
<!--                                <div class="iconBox bg-success">-->
<!--                                    <i class="icon ion-ios-browsers"></i>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="text">-->
<!--                                <div>-->
<!--                                    <strong>2019年12月</strong><strong>5000.0元</strong>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </a>-->

                    </div>

                    <!-- * listview -->

                </div>
            </div>
        </div>


    </div>
    <!-- appCapsule -->


    <!-- App Bottom Menu -->
    <div class="appBottomMenu">
        <div class="item">
            <a href="attendance.html">
                <p>
                    <i class="icon ion-ios-water"></i>
                    <span>考勤</span>
                </p>
            </a>
        </div>
        <div class="item active">
            <a href="wages.html">
                <p>
                    <i class="icon ion-ios-apps"></i>
                    <span>工资</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="my.html">
                <p>
                    <i class="icon ion-ios-analytics"></i>
                    <span>我的</span>
                </p>
            </a>
        </div>
    </div>
    <!-- * App Bottom Menu -->


    <script type="text/javascript">

        $(function () {
            $.ajax({
                url: "/OASystem/empinfo/salary",
                dataType: "json",
                type: "post",
                success: function (data) {
                    var str = "";
                    $(data.data).each(function (index,item) {
                        str += '<a href="bill.html?id='+item.id+'" class="listItem">'+'<div class="image">\n' +
                            '            <div class="iconBox bg-success">\n' +
                            '            <i class="icon ion-ios-browsers"></i>\n' +
                            '            </div>\n' +
                            '            </div>\n' +
                            '            <div class="text">\n' +
                            '            <div>'+'<strong>'+item.month+'</strong><strong>'+item.salary+'元</strong>'+'</div>\n' +
                            '        </div>\n' +
                            '        </a>'
                    })

                    $("#moneyList").html(str);

                },
                error: function (err) {
                    alert("服务器出错");
                }
            })
        })


    </script>


    <!-- ///////////// Js Files ////////////////////  -->
    <!-- Jquery -->

    <!-- Bootstrap-->
    <script src="assets/js/lib/popper.min.js"></script>
    <script src="assets/js/lib/bootstrap.min.js"></script>
    <!-- Owl Carousel -->
    <script src="assets/js/plugins/owl.carousel.min.js"></script>
    <!-- Main Js File -->
    <script src="assets/js/app.js"></script>



</body>

</html>